<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>合同管理</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link href="__PUBLIC__/css/layui.css" rel="stylesheet" type="text/css"/>
    <link href="__PUBLIC__/css/admin.css" rel="stylesheet" type="text/css"/>
    <link href="__PUBLIC__/css/public.css" rel="stylesheet" type="text/css"/>
    
</head>
<body>
<div class="layui-conter">
    <div class="layui-col-md12">
        <div class="navigation">
            <span>行政></span><span>合同管理</span>
        </div>

        <div class="white-conter">
            <div class="layui-col-md12">
                <div class="layui-card">
                    <div class="title-blue"><b>合同管理</b></div>
                    <div class="layui-card-body addPadding">
                        <form class="layui-form" action="{:U('Contract/index')}" method="post" lay-filter="component-form-group">
                            <div class="layui-form-item">
                                <label class="layui-form-label">高级搜索：</label>
                                <div class="layui-input-block">
                                    <div class="layui-col-xs4">
                                        <input style="background: #dce6f0;border: none" type="text" name="keyword" lay-verify="title" autocomplete="off" value="{$keyword}" placeholder="姓名/编号/身份证/电话/邮箱..." class="layui-input">
                                    </div>
                                    <button class="layui-btn layui-btn-sm layui-btn-normal" style="margin: -10px 25px 0px 25px;vertical-align: text-top;">搜索</button>
                                    <div class="more">更多筛选<i class="layui-icon layui-icon-up"></i></div>
                                </div>
                            </div>
                            <div class="more_show" style="display: none;">                                                        
                                <div class=" layui-row" style="margin-top: 20px">
                                    <div class=" layui-col-xs3">
                                        <label class="layui-form-label">合同名称：</label>
                                        <div class="layui-input-inline">
                                            <input type="text" name="contractName" value="{$contractName}" id="contractName" lay-verify="contractName" placeholder="请输入........"  class="layui-input">
                                        </div>
                                    </div>
                                    <div class=" layui-col-xs3">
                                        <label class="layui-form-label">合同编号：</label>
                                        <div class="layui-input-inline">
                                            <input type="text" name="contractId" value="{$contractId}" id="contractId" lay-verify="contractId" placeholder="请输入........"  class="layui-input">
                                        </div>
                                    </div>
                                </div>
                            </div>                            
                        </form>
                    </div>
                </div>
                <div class="layui-col-md12">
                    <div class="layui-card">
                        <div class="layui-card-body">
                            <div class="layui-btn-group" style="margin:0 0 20px">
                                <!-- <button class="layui-btn layui-btn-primary layui-btn-sm btnGroup-img " onclick="window.location.href='newContract.html'"><img src="__PUBLIC__/images/add.png">新增合同信息</button> -->
                                <button class="layui-btn layui-btn-primary layui-btn-sm btnGroup-img "><img src="__PUBLIC__/images/add.png"><a class="btn" href="{:U('home/Contract/newContract')}">新增合同信息</a></button>
                                <button class="layui-btn layui-btn-primary layui-btn-sm btnGroup-img"><img src="__PUBLIC__/images/c-out.png">合同导出
                                </button>
                            </div>
                            <table  class="layui-hide" id="test-table-operate" lay-filter="test-table-operate"></table>
                            <div class="layui-form layui-border-box layui-table-view" lay-filter="LAY-table-1">
                                <div class="layui-table-box" style="margin-bottom: 20px">
                                    <div class="layui-table-body layui-table-main">
                                        <table cellspacing="0" cellpadding="0" border="0" class="layui-table">
                                            <thead>
                                            <tr>
                                                <th data-field="contract-id">
                                                    <div class="layui-table-cell laytable-cell-contract-id">
                                                        <span>合同编号</span>
                                                        </span>
                                                    </div>
                                                </th>
                                                <th data-field="contract-name">
                                                    <div class="layui-table-cell laytable-cell-contract-name" align="center">
                                                        <span>合同名称</span>
                                                    </div>
                                                </th>
																								<th data-field="contract-name">
																										<div class="layui-table-cell laytable-cell-contract-img" align="center">
																												<span>合同照片</span>
																										</div>
																								</th>
                                                <th data-field="contract-start">
                                                    <div class="layui-table-cell laytable-cell-contract-name" align="center">
                                                        <span>签订日期</span>
                                                    </div>
                                                </th>
                                                <th data-field="contract-end">
                                                    <div class="layui-table-cell laytable-cell-contract-name" align="center">
                                                        <span>结束日期</span>
                                                    </div>
                                                </th>
                                                <th data-field="contract-salesman">
                                                    <div class="layui-table-cell laytable-cell-contract-salesman" align="center">
                                                        <span>业务员</span>
                                                    </div>
                                                </th>
                                                <th data-field="contract-cost">
                                                    <div class="layui-table-cell laytable-cell-contract-cost" align="center">
                                                        <span>合同费用</span>
                                                    </div>
                                                </th>
                                                <th data-field="contract-linkman">
                                                    <div class="layui-table-cell laytable-cell-contract-linkman" align="center">
                                                        <span>联系人</span>
                                                    </div>
                                                </th>
                                                <th data-field="contract-phone">
                                                    <div class="layui-table-cell laytable-cell-contract-phone" align="center">
                                                        <span>联系电话</span>
                                                    </div>
                                                </th>
                                                <th data-field="contract-imp">
                                                    <div class="layui-table-cell laytable-cell-contract-imp" align="center">
                                                        <span>重要条款</span>
                                                    </div>
                                                </th>
                                                <th data-field="operation">
                                                    <div class="layui-table-cell laytable-cell-1-operation" align="center">
                                                        <span>操作</span>
                                                    </div>
                                                </th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            <volist name="contract_data" id="c">
                                                <tr data-index="14" class="">
                                                    <td data-field="contract-id" align="center">
                                                        <div class="layui-table-cell laytable-cell-contract-id">{$c.contractid}</div>
                                                    </td>
                                                    <td data-field="contract-name" align="center">
                                                        <div class="layui-table-cell laytable-cell-contract-name">{$c.contractname}</div>
                                                    </td>
																										<td data-field="contract-name" align="center">
																												<div class="layui-table-cell laytable-cell-contract-img">
																												<a href="{$c.contract_img}" target="_blank"><img src="{$c.contract_img}" style="max-width: 200px;"></a></div>
																										</td>
                                                    <td data-field="contract-start" align="center">
                                                        <div class="layui-table-cell laytable-cell-contract-name">{$c.contractstart}</div>
                                                    </td>
                                                    <td data-field="contract-end" align="center">
                                                        <div class="layui-table-cell laytable-cell-contract-name">
                                                            {$c.contractend}
                                                        </div>
                                                    </td>
                                                    <td data-field="contract-salesman" align="center">
                                                        <div class="layui-table-cell laytable-cell-contract-salesman">{$c.xs_name}</div>
                                                    </td>
                                                    <td data-field="contract-cost" align="center">
                                                        <div class="layui-table-cell laytable-cell-contract-cost">{$c.contractcost}</div>
                                                    </td>
                                                    <td data-field="contract-linkman" align="center">
                                                        <div class="layui-table-cell laytable-cell-contract-linkman">{$c.contractlinkman}
                                                        </div>
                                                    </td>
                                                    <td data-field="contract-phone" align="center">
                                                        <div class="layui-table-cell laytable-cell-contract-phone">
                                                         {$c.contractphone}
                                                        </div>
                                                    </td>
                                                    <td data-field="contract-imp" align="center">
                                                        <div class="layui-table-cell laytable-cell-contract-imp">{$c.terms}</div>
                                                    </td>
                                                    <td data-field="operation" align="center">
                                                        <div class="layui-table-cell laytable-cell-1-operation">
                                                            <a class="btn" href="{:U('Contract/newContract',array('id'=>$c['id']))}"><button data-method="offset" class="img-but edit-img" lay-event="edit" id="btn"></button></a>
                                                            <a class="btn" href="{:U('Contract/delContract',array('id'=>$c['id']))}"><button data-method="offset" data-type="auto"  class="img-but del-img"></button></a>
                                                        </div>
                                                    </td>
                                                </tr>
                                            </volist>
                                            </tbody>
                                        </table>
                                        
                                    </div>
                                </div>
                                <div class="pagination">
                                    {$page}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        


    </div>
</div>
</body>
<script src="__PUBLIC__/js/layui.all.js"></script>
<script>
    layui.use('laydate', function(){
        var laydate = layui.laydate;
        //执行一个laydate实例
        laydate.render({
            elem: '#datesign' //指定元素
        });
    });
</script>
<script>
    layui.use('laydate', function(){
        var laydate = layui.laydate;
        //执行一个laydate实例
        laydate.render({
            elem: '#enddate' //指定元素
        });
    });
</script>



<script>

        layui.use(["element","layer"], function(){ //独立版的layer无需执行这一句
            var $ = layui.jquery,  element = layui.element, layer = layui.layer; //独立版的layer无需执行这一句
            element.render();
            var shows=false;
            $('.more').on('click',function(){
                if(shows == false){
                    $('.more_show').show()
                    $(this).find('.layui-icon').removeClass('layui-icon-up')
                    $(this).find('.layui-icon').addClass('layui-icon-down')
                    shows=true;
                }else if(shows == true){
                    $('.more_show').hide()
                    $(this).find('.layui-icon').removeClass('layui-icon-down')
                    $(this).find('.layui-icon').addClass('layui-icon-up')
                    shows=false
                }

            })
        });


</script>
<script>
    layui.use('laydate', function(){
        var laydate = layui.laydate;
        //执行一个laydate实例
        laydate.render({
            elem: '#datesign' //指定元素
        });
    });
</script>
</html>